@charset 'utf-8';
@font-face {
	font-family: 'Hyundai_B1012';
	src: url('Hyundai_B1012.ttf') format('truetype');
	font-size: normal;
	font-weight: normal;
}

/* standard css start */
html {margin:0; padding:0;}
body {font-size:13px; margin:0; padding:0; background-color:#282829;}
ul, li, ol {list-style:none;}
img, fieldset {border:none;}
img, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, select, label, p, blockquote, table, th, td, button,
abbr, acronym, applet, audio, big, canvas, cite, dfn, code, samp, kbd, var, datalist, details, keygen, small, source, strike, sub, sup, tt {margin:0; padding:0;}
table {border-collapse:collapse;}
address {font-style:normal; font-weight:normal;}
caption {font-style:normal; display:none;}
th {font-style:normal; font-weight:normal;}
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal;}
em {font-style:normal;}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block; padding:0; margin:0;}
button {cursor:pointer; display:block; border:none; background:none; font-family:inherit; color:#333;}
hr {display:none;}
legend {position:absolute; left:-1000%; top:0; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden; text-indent:-9999px;}
input, button, select, textarea {vertical-align:top;}
label {vertical-align:top; cursor:pointer; display:inline-block;}
img {width:100%; vertical-align:top;}
th, td, p, li, span, a {word-wrap:break-word; word-break:keep-all;}

html, body {
	width:100%;
	min-width:320px;
	line-height:normal; 
	font-family:sans-serif; 
	-webkit-text-size-adjust:none;
	color:#333;
}
html {-webkit-tap-highlight-color:rgba(0, 0, 0, 0); }
	html.no-svg, .no-svg body {height:auto; min-height:100%;}
html.height100, html.height100 body {height:100%;}
input, textarea, select {
	outline:none; 
	font-family:sans-serif; 
	-webkit-border-radius:0; border-radius:0;	
	-moz-appearance:none; -webkit-appearance:none; appearance:none;
	-webkit-tap-highlight: transparent;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}
input[type="text"][readonly], input[type="number"][readonly], input[type="tel"][readonly], input[type="search"][readonly] {background-color:#e5e5e5;}
input[type="search"]::webkit-search-cancel-button {-webkit-appearance: none;} 
label {color:#555;}
textarea {font-size:14px; padding:10px 12px; width:100%; border:1px solid #797979; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
textarea[readonly] {background-color:#e5e5e5;}

/* link */
a {text-decoration:none; cursor:pointer; color:#333;}
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:active {text-decoration:none;}
a:hover {text-decoration:none;}
a:focus {text-decoration:none;}
*:focus {-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}

/* font */
strong {font-weight:normal;}

/* layout */
.wrap {position:relative; min-width:320px; max-width:640px; margin:0 auto; overflow-x:hidden; }
.side-menu {position:absolute; width:256px; background-color:#3b3b3d;}
.cont {background-color:#fff; position:relative; left:0; -webkit-transition:left .4s; transition:left .4s;}
.wrap.slide .cont {left:256px;}

.side-menu {}
.side-menu .logo {height:44px; display:block; border-bottom:1px solid #38383a; background:url('../images/side_logo.png') no-repeat 13px 16px; background-size:173px auto;}
.side-menu .menu {background-color:#414143;}
.side-menu li {background-repeat:no-repeat; background-position:0 50%; background-size:auto 100%;}
.side-menu li.current {background-color:#29292b;}
.side-menu li a {
	display:block; padding:0 0 0 47px; height:44px; line-height:44px;
	font-family:'Hyundai_B1012'; font-size:15px; color:transparent;
	border-bottom:1px solid #38383a;
	background-repeat:no-repeat; background-size:auto 14px; background-position:48px 50%;
}
	.side-menu li.new {background-image:url('../images/side_new.png');}
	.side-menu li.career {background-image:url('../images/side_career.png');}
	.side-menu li.foreign {background-image:url('../images/side_foreign.png');}
	.side-menu li.time {background-image:url('../images/side_time.png');}
	.side-menu li.db {background-image:url('../images/side_db.png');}
	.side-menu li.the-h {background-image:url('../images/side_theh.png');}
	.side-menu li.faq {background-image:url('../images/side_faq.png');}
	.side-menu li.fb {background-image:url('../images/side_fb.png');}
	.side-menu li.my {background-image:url('../images/side_my.png');}
	.side-menu li.new a {background-image:url('../images/side_new_t.png');}
	.side-menu li.career a {background-image:url('../images/side_career_t.png');}
	.side-menu li.foreign a {background-image:url('../images/side_foreign_t.png');}
	.side-menu li.time a {background-image:url('../images/side_time_t.png');}
	.side-menu li.db a {background-image:url('../images/side_db_t.png');}
	.side-menu li.the-h a {background-image:url('../images/side_theh_t.png');}
	.side-menu li.faq a {background-image:url('../images/side_faq_t.png');}
	.side-menu li.fb a {background-image:url('../images/side_fb_t.png');}
	.side-menu li.my a {background-image:url('../images/side_my_t.png');}
.side-menu .opt {margin:16px 0 0 16px; font-size:0; padding-bottom:20px;}
.side-menu .opt a {display:inline-block; position:relative; padding:4px 12px 4px 13px;; color:#ababab; font-size:12px;}
.side-menu .opt a:last-child:before {position:absolute; top:4px; left:0; content:'|'; color:#515151; display:inline-block;}

.c-head {position:relative; padding-right:3px; text-align:center; height:44px; background-color:#f9f9f9;}
.c-head.line {border-bottom:1px solid #c7c7c7;}
.c-head.line-blue {border-bottom:3px solid #5293d9;}
.c-head h1 {line-height:46px; font-size:20px; color:#333; font-family:'Hyundai_B1012';}
.c-head h1.logo {padding:15px 0 0;}
.c-head h1.logo img {width:173px;}
.c-head .menu,
.c-head .account {position:absolute; top:0; font-size:12px; min-width:25px; font-family:'Hyundai_B1012'; color:#2271ba; line-height:46px;}
.c-head .menu {left:0; width:50px; height:100%;}
.c-head .account {right:0; padding:0 10px;}
.c-foot {height:39px; padding:12px 0 0; font-size:0; text-align:center; background-color:#fff;}
.c-foot .links {font-size:9px; line-height:14px;}
.c-foot .links a {display:inline-block; padding-right:4px; color:#7c7c7c;}
.c-foot .links a:before {content:'|'; color:#e0e1e4; display:inline-block; vertical-align:middle; margin-right:6px;}
.c-foot .links a:first-child:before {content:'';}
.c-foot .copy {font-size:8px; color:#bdbcbc;}

.list {background-color:#fff;}
.list > li {position:relative; min-height:73px;}
.list > li:after {content:''; position:absolute; bottom:0; left:15px; right:0; height:0; border-bottom:1px solid #c8c7cc;}
.list .item {position:relative; display:block; padding:17px 10px 15px 62px;}
.list .item .status {position:absolute; top:19px; left:17px; text-align:center; font-size:10px;}
.list .item .status.ing {color:#fff; width:35px; height:35px; line-height:36px; background-color:#4fb1f3;}
.list .item .status.end {color:#6c6c6d; width:31px; height:31px; line-height:32px; border:2px solid #d3d3d3;}
.list .item .subject {display:inline-block; width:100%; font-size:14px; color:#222; line-height:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.list .item .date {display:block; color:#929292; font-size:12px; line-height:16px;}

.list.list-2 {}
.list.list-2 .item {padding-left:15px; padding-right:70px;}
.list.list-2 .item .status {left:inherit; right:17px; font-size:12px; width:55px; white-space:nowrap; text-align:right; background-color:#fff;}
.list.list-2 .item .status.ing {color:#0072ff;}
.list.list-2 .item .status.end {color:#929292; border:0 none;}
.my-page.main-query {border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3;}
.my-page.main-query .m-title {padding-top:6px;}
.my-page.main-query .list-2 {max-height:292px; overflow-y:auto;}

.tab-menu {height:46px;}
.tab-menu .menu-wrap a {color:#fff; font-size:12px; text-align:center; white-space:nowrap; border-left:1px solid #45495a;}
.tab-menu .menu-wrap a:first-child {border-left:0;}
.tab-menu .menu-wrap a.new:after {position:relative; content:''; display:inline-block; top:-5px; left:5px; width:11px; height:11px; background:url('../images/i_new.png') no-repeat 0 0; background-size:100%;}

.tab-menu.static {display:table; width:100%;}
.tab-menu.static .menu-wrap {display:table-row;}
.tab-menu.static .menu-wrap a {display:table-cell; background-color:#575c70; vertical-align:middle; padding:0 5px; font-family:'Hyundai_B1012';}
.tab-menu.static .menu-wrap a.current {background-color:#1c6fbd;}
.tab-menu.col-3 a {width:33.3%;}
.tab-menu.col-3 a:last-child {width:auto;}

.tab-menu.slide {background-color:#575c70;}
.tab-menu.slide .menu-wrap:after {content:''; clear:both; display:block; height:0;}
.tab-menu.slide .menu-wrap a {float:left; width:100px; padding:17px 5px 0; height:29px; background-color:#575c70; vertical-align:middle; font-family:'Hyundai_B1012';}
.tab-menu.slide .menu-wrap a.current {background-color:#1c6fbd;}
.tab-menu.slide {}

.detail-view {padding:0 0 20px;}
.detail-view .head {padding:16px 10px 15px 15px;}
.detail-view .head .subject {display:inline-block; width:100%; font-size:14px; color:#222; line-height:18px;}
.detail-view .head .date {display:block; margin:4px 0 0; color:#929292; font-size:12px; line-height:18px;}
.detail-view .body > p {margin:20px 15px;}
.detail-view .function {text-align:right; font-size:0; margin-top:20px; margin-right:15px;}
.detail-view .function a {display:inline-block; margin-left:5px; width:38px; height:38px; font-size:11px; line-height:40px; border-radius:19px; color:#fff; text-align:center;}
.detail-view .function .scrap {background-color:#4fb1f3;}
.detail-view .function .list {background-color:#1c6fbd;}

.admin-table {border-top:1px solid #c8c7cc; border-bottom:1px solid #c8c7cc; padding:0 0 0 15px; background-color:#f1f2f5;}
.admin-table table {width:100%; table-layout:fixed;}
.admin-table table th, 
.admin-table table td {padding:2px 0; font-size:12px; line-height:18px; vertical-align:top; text-align:left;}
.admin-table table th {color:#929292; width:60px;}
.admin-table table td {color:#333; background-color:#fff; padding-left:12px;}
.admin-table table tr:first-child th,
.admin-table table tr:first-child td {padding-top:12px;}
.admin-table table tr:last-child th,
.admin-table table tr:last-child td {padding-bottom:12px;}
.admin-table table + table tr:first-child th,
.admin-table table + table tr:first-child td {padding-bottom:12px; border-top:1px solid #e1e1e1;}
.admin-table table td ul {}
.admin-table table td li {padding-left:10px; text-indent:-10px;}

.toggle-content {padding-bottom:20px;}
.toggle-content .item {position:relative; min-height:54px; padding-bottom:6px;}
.toggle-content .item:after {content:''; position:absolute; bottom:0; left:15px; right:0; font-size:0; height:0; border-bottom:1px solid #c8c7cc;}
.toggle-content .tg-t {position:relative; padding:20px 50px 10px 22px; font-size:16px; line-height:18px; color:#333; font-family:'Hyundai_B1012';}
.toggle-content .tg-t:after {position:absolute; content:''; top:15px; right:15px; display:inline-block; width:26px; height:26px; background:url('../images/toggle_closed.png') no-repeat 0 0; background-size:100%;}
.toggle-content .item.open .tg-t:after {background-image:url('../images/toggle_opened.png');}
.toggle-content .tg-c {display:none; margin:0; padding:0 15px 30px; font-size:12px; color:#929292;}
.toggle-content .tg-c > p,
.toggle-content .tg-c > div {margin:0 0 0 5px;}
.toggle-content .tg-c table {}
.toggle-content .tg-c table th, 
.toggle-content .tg-c table td {border-bottom:3px solid #fff;}
.toggle-content .tg-c table th {width:50px; text-align:center; color:#fff; background-color:#99c5f6;}
.toggle-content .tg-c table td {text-align:left; padding:10px 13px; line-height:18px;}
.toggle-content .tg-c table td p {text-indent:-5px; padding-left:10px;}
.toggle-content .tg-c table td p:before {content:'-'; display:inline-block; vertical-align:middle; margin-right:4px;}
.toggle-content .tg-c ul {margin-top:10px; background-color:#ecedf3; padding:15px 16px;}
.toggle-content .tg-c ul li {line-height:18px; color:#6b6b6b; text-indent:-5px; padding-left:10px;}
.toggle-content .tg-c ul li:before {content:'-'; display:inline-block; vertical-align:middle; margin-right:4px;}
.toggle-content .tg-c ul li + li {margin-top:5px;}
.toggle-content .tg-c .note {margin:5px 0 0 10px; text-indent:-4px; padding-left:12px;}
.toggle-content .tg-c .note:before {content:'*'; font-size:11px; display:inline-block; vertical-align:middle; margin-right:3px;}
.toggle-content .btn-pc {margin-top:15px; display:block; height:45px; line-height:48px; color:#fff; font-family:'Hyundai_B1012'; font-size:16px; text-align:center; background-color:#1c6fbd;}
.toggle-content .tg-c .tab-casting {margin:0; border-bottom:1px solid #5293d9;}
.tab-casting:after {content:''; clear:both; display:block; height:0; visibility:hidden;}
.tab-casting > a {float:left; width:50%; height:27px; line-height:28px; color:#fff; background-color:#babbc0;}
.tab-casting > a:before {content:''; display:inline-block; width:14px;}
.tab-casting > a.current {background-color:#5293d9;}
.toggle-content .tg-c .tab-cont {margin:15px 2px;}

.toggle-content.qna .tg-t {font-size:12px; padding:15px 50px 15px 45px; font-family:sans-serif;}
.toggle-content.qna .tg-t:before {position:absolute; top:50%; margin-top:-9px; left:17px; content:''; width:17px; height:18px; background:url('../images/i_q.png') no-repeat 0 0; background-size:100%;}
.toggle-content.qna .tg-t:after {top:50%; margin-top:-13px;}
.toggle-content.qna .item {padding-bottom:0;}
.toggle-content.qna .tg-c {position:relative; margin-bottom:-1px; border-top:1px solid #c8c7cc; border-bottom:1px solid #c8c7cc; padding:0; background:#f2f3f7 url('../images/i_a.png') no-repeat 17px 19px; background-size:18px 15px;}
.toggle-content.qna .tg-c > * {padding:15px 10px 15px 37px;}

.c-body .quick-link {margin:0 15px; padding:0 0 20px;}
.c-body .quick-link:after {content:''; clear:both; display:block; height:0;}
.c-body .quick-link a {display:block; width:49%; height:45px; line-height:14px; font-size:11px; color:#fff; padding:8px 0 0 15px; box-sizing:border-box;}
.c-body .quick-link a.fb {float:left; background-color:#4fb1f3;}
.c-body .quick-link a.master {float:right; background-color:#1c6fbd;}

.my-page-wrap {padding-bottom:44px; background-color:#ebedf3;}
.my-page {position:relative; border-bottom:2px solid #d3d3d3;}
.my-page .m-title {line-height:18px; padding:26px 18px 6px; background-color:#ebedf3; font-size:12px; color:#444; border-bottom:1px solid #e1e1e1;}
.my-page:first-child .m-title {padding-top:16px;}
.my-page:first-child:before {content:''; position:absolute; bottom:0; left:0; height:45px; width:0; font-size:0; overflow:hidden; border-left:1px solid #d3d3d3;}
.my-page:first-child:after {content:''; position:absolute; bottom:0; right:0; height:45px; width:0; font-size:0; overflow:hidden; border-left:1px solid #d3d3d3;}
.my-page .false {padding:20px 15px; font-size:12px; line-height:18px; color:#ababab;}

.my-table {width:100%; border-left:15px solid #fff; background-color:#fff;}
.my-table th,
.my-table td {font-size:12px; line-height:18px; height:35px; border-bottom:1px solid #e1e1e1; vertical-align:middle;}
.my-table tr:last-child th,
.my-table tr:last-child td {border-bottom:0 none;}
.my-table th {color:#929292; padding-left:3px; text-align:left; }
.my-table td {color:#333; padding-right:15px; text-align:right; }

.my-table-h {width:100%; border-left:15px solid #fff; background-color:#fff;}
.my-table-h th,
.my-table-h td {font-size:12px; padding:18px 0; line-height:18px; height:34px; border-bottom:1px solid #e1e1e1; vertical-align:middle;}
.my-table-h tr:last-child th,
.my-table-h tr:last-child td {border-bottom:0 none;}
.my-table-h th {color:#333; padding-left:3px; text-align:left; }
.my-table-h td .btn-c {display:inline-block; height:20px; padding:8px 10px; min-width:20px; font-size:11px; font-family:'Hyundai_B1012'; text-align:center; color:#fff; background-color:#575c70; }

.my-page .list li:last-child:after {border-bottom:0 none;}

.sign-in {padding:20px 15px;}
.sign-in .welcome {color:#ababab; font-size:12px; margin-bottom:15px;}
.sign-in .field {margin:0 0 10px; border:1px solid #cac9cf; background-color:#f0eff5; height:33px; padding:8px 15px 7px;}
.sign-in .field input {color:#444; font-size:14px; padding:8px 0; border:0 none; background-color:transparent;}
.sign-in .btn-login {width:100%; margin-top:18px; display:block; height:45px; line-height:48px; color:#fff; font-family:'Hyundai_B1012'; font-size:16px; text-align:center; background-color:#1c6fbd;}

.who {position:relative;}
.who a {position:absolute; left:20px; bottom:20px;}
.who a .team {display:block; font-size:10px; line-height:16px; color:#767676;}
.who a .name {display:block; padding-right:28px; font-size:14px; line-height:20px; color:#2271ba; font-family:'Hyundai_B1012'; background:url('../images/i_who.png') no-repeat 100% 1px; background-size:18px;}
.link-item-1 {position:relative; z-index:2; box-shadow:0 2px 2px rgba(0,0,0,.25);}
.link-item-1 ul:after {content:''; display:block; height:0; clear:both;}
.link-item-1 li {float:left; width:25%; background-repeat:no-repeat; background-position:center 0; background-size:auto 100%;}
.link-item-1 li.new {background-color:#1b6fbd; background-image:url('../images/link_item_new.png');}
.link-item-1 li.career {background-color:#5293d9; background-image:url('../images/link_item_career.png');}
.link-item-1 li.foreign {background-color:#73ace9; background-image:url('../images/link_item_foreign.png');}
.link-item-1 li.time {background-color:#98c5f5; background-image:url('../images/link_item_time.png');}
.link-item-1 li a {display:block; padding:55px 0 0; font-size:12px; color:#fff; text-align:center; height:35px;}
.link-item-2 {}
.link-item-2 ul:after {content:''; display:block; height:0; clear:both;}
.link-item-2 li {float:left; width:50%; background-color:#f5f6f8; background-repeat:no-repeat; background-position:left 0; background-size:auto 100%; box-sizing:border-box; border-bottom:1px solid #e1e1e1;}
.link-item-2 li:nth-child(odd) {border-right:1px solid #e1e1e1;}
.link-item-2 li.db {background-image:url('../images/link_item_db.png');}
.link-item-2 li.qna {background-image:url('../images/link_item_qna.png');}
.link-item-2 li.the-h {background-image:url('../images/link_item_the_h.png');}
.link-item-2 li.fb {background-image:url('../images/link_item_fb.png');}
.link-item-2 li a {display:block; height:38px; font-size:14px; line-height:16px; padding:22px 0 0 36px; color:#333; font-family:'Hyundai_B1012'; text-align:left; height:35px;}
.link-item-2 li.fb a {font-size:12px;}

@media(min-width:897px) {
	.wrap {max-width:897px;}
	.cont {left:256px; width:640px;}
	.c-head .menu {display:none;}
}